<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>选项卡</title>
    <link rel="stylesheet" href="./css/concise.css">
    <link rel="stylesheet" href="./css/style.css"/>
</head>
<body>
<input type="checkbox" id="left-information">
<div id="wrapper">
    <div id="bgg"></div>
    <header id="header">
        <nav id="nav" class="clearfix">
            <label for="left-information"></label>
            <ul class='nav-left'>
                <li><a href="/">navgation</a></li>
            </ul>
        </nav>
    </header>
    <article id="logo">
        <div id="logo-content">
            <header>
                <a href="">选项卡<b>插件</b></a>
            </header>
            <p></p>
        </div>
    </article>
    <div id="main" class="clearfix">
        <section id="main-left" class="left" style="width:100%;">
            <article id="post">
                <div id="cc-native-tab">
                    <ul id="cc-tab-option" class="tab-option clearfix">
                        <li class="tab-option1 selecked"><a href="javascript:void(0)">option1</a></li>
                        <li><a href="javascript:void(0)">option2</a></li>
                        <li><a href="javascript:void(0)">option3</a></li>
                    </ul>
                    <div id="cc-tab-content" class="tab-content">
                        <div class="tab-content1 blo">
                            content1
                        </div>
                        <div class="tab-content2">
                            content2
                        </div>
                        <div class="tab-content3">
                            content3
                        </div>
                    </div>
                </div>
            </article>
        </section>
    </div>
</div>
<script src="./js/tab.js"></script>
</body>
</html>